/* Control Shop Quran Radio — external stylesheet */
.csq-player,.csq-player *{box-sizing:border-box}
.csq-player{--csq-accent:#d8b34b;--csq-bg:#111827;--csq-bg2:#26334a;--csq-fg:#fff;--csq-radius:14px;--csq-speed:1.2s;--csq-font:Tahoma,Arial,sans-serif;--csq-title-size:22px;--csq-message-size:14px;display:block;width:100%;max-width:100%;margin:12px auto;padding:clamp(14px,3vw,22px);border:1px solid var(--csq-accent);border-radius:var(--csq-radius);background:var(--csq-bg);color:var(--csq-fg);font-family:var(--csq-font);box-shadow:0 8px 26px #0002;overflow:hidden;line-height:1.6;direction:rtl}
.csq-player.c-sq-glass,.csq-player.csq-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--csq-bg) 92%,transparent),color-mix(in srgb,var(--csq-bg2) 82%,transparent));backdrop-filter:blur(12px)}
.csq-player.csq-gradient{background:linear-gradient(135deg,var(--csq-bg),var(--csq-bg2))}
.csq-player.csq-banner{border-inline-start:5px solid var(--csq-accent)}
.csq-player.csq-minimal{border-color:transparent;box-shadow:none;padding:12px}
.csq-player .csq-head{display:flex;align-items:center;gap:12px;min-width:0}
.csq-player .csq-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--csq-accent) 15%,transparent);border:1px solid var(--csq-accent);font-size:28px}
.csq-player .csq-heading{min-width:0;flex:1}
.csq-player .csq-title{margin:0;color:var(--csq-fg);font-size:clamp(16px,var(--csq-title-size),30px);line-height:1.4;font-weight:800;overflow-wrap:anywhere}
.csq-player .csq-message-wrap{min-width:0;overflow:hidden;margin-top:4px}
.csq-player .csq-message{display:block;margin:0;color:var(--csq-fg);opacity:.88;font-size:var(--csq-message-size);line-height:1.7;overflow-wrap:anywhere}
.csq-player .csq-select-wrap{margin-top:16px;display:block}
.csq-player[data-show-select="false"] .csq-select-wrap{display:none!important}
.csq-player .csq-select-wrap label{display:block;font-size:12px;margin:0 0 5px;color:var(--csq-fg);opacity:.85}
.csq-player .csq-station{display:block;width:100%;max-width:100%;border:1px solid color-mix(in srgb,var(--csq-accent) 55%,transparent);border-radius:9px;padding:10px 12px;background:var(--csq-bg);color:var(--csq-fg);font:inherit;font-size:14px}
.csq-player .csq-now{font-size:12px;opacity:.8;margin:10px 0 0;overflow-wrap:anywhere}
.csq-player .csq-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.csq-player .csq-btn{border:1px solid var(--csq-accent);border-radius:9px;background:var(--csq-accent);color:#17130a;font:inherit;font-size:14px;font-weight:800;padding:10px 15px;min-height:42px;cursor:pointer;transition:transform .2s,filter .2s}
.csq-player .csq-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.csq-player .csq-btn-secondary{background:transparent;color:var(--csq-fg)}
.csq-player .csq-status{min-height:1.5em;margin:9px 0 0;font-size:12px;color:var(--csq-fg);opacity:.85;overflow-wrap:anywhere}
.csq-player .csq-credit{display:block;margin-top:8px;font-size:10px;opacity:.55;color:inherit;text-decoration:none}
.csq-player.csq-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px clamp(10px,2vw,18px);border-inline:0;border-radius:0;margin:0;box-shadow:0 3px 14px #0002}
.csq-player.csq-mode-bar .csq-head{flex:1 1 260px;gap:8px}
.csq-player.csq-mode-bar .csq-icon{width:34px;height:34px;font-size:20px}
.csq-player.csq-mode-bar .csq-title{font-size:clamp(13px,1.25vw,18px);line-height:1.35}
.csq-player.csq-mode-bar .csq-message-wrap{margin-top:2px}
.csq-player.csq-mode-bar .csq-message{font-size:clamp(11px,1vw,13px);line-height:1.35}
.csq-player.csq-mode-bar .csq-select-wrap{display:flex;align-items:center;gap:6px;flex:0 1 260px;max-width:32%;margin:0}
.csq-player.csq-mode-bar .csq-select-wrap label{display:none}
.csq-player.csq-mode-bar .csq-station{padding:7px 9px;font-size:12px}
.csq-player.csq-mode-bar .csq-now,.csq-player.csq-mode-bar .csq-credit{display:none}
.csq-player.csq-mode-bar .csq-actions{flex:0 0 auto;gap:6px;margin:0}
.csq-player.csq-mode-bar .csq-btn{min-height:34px;padding:6px 10px;font-size:12px}
.csq-player.csq-mode-bar .csq-status{flex:1 1 100%;min-height:0;margin:0;font-size:10px;line-height:1.3}
.csq-player[data-anim="fade"] .csq-title,.csq-player[data-anim="fade"] .csq-message{animation:csqExtFade var(--csq-speed) ease both}
.csq-player[data-anim="fadeUp"] .csq-title,.csq-player[data-anim="fadeUp"] .csq-message{animation:csqExtFadeUp var(--csq-speed) ease both}
.csq-player[data-anim="slide"] .csq-title,.csq-player[data-anim="slide"] .csq-message{animation:csqExtSlide var(--csq-speed) ease both}
.csq-player[data-anim="zoom"] .csq-title,.csq-player[data-anim="zoom"] .csq-message{animation:csqExtZoom var(--csq-speed) ease both}
.csq-player[data-anim="pulse"] .csq-title,.csq-player[data-anim="pulse"] .csq-message{animation:csqExtPulse var(--csq-speed) ease-in-out infinite}
.csq-player[data-anim="glow"] .csq-title,.csq-player[data-anim="glow"] .csq-message{animation:csqExtGlow var(--csq-speed) ease-in-out infinite}
.csq-player[data-anim="float"] .csq-title,.csq-player[data-anim="float"] .csq-message{animation:csqExtFloat var(--csq-speed) ease-in-out infinite}
.csq-player[data-anim="shine"] .csq-title,.csq-player[data-anim="shine"] .csq-message{background:linear-gradient(90deg,currentColor 0%,var(--csq-accent) 45%,currentColor 65%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:csqExtShine var(--csq-speed) linear infinite}
.csq-player[data-anim="marquee"] .csq-message{white-space:nowrap;width:max-content;min-width:100%;animation:csqExtMarquee var(--csq-speed) linear infinite}
@keyframes csqExtFade{from{opacity:0}to{opacity:1}}
@keyframes csqExtFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes csqExtSlide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes csqExtZoom{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes csqExtPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes csqExtGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 14px var(--csq-accent)}}
@keyframes csqExtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes csqExtShine{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes csqExtMarquee{0%{transform:translateX(105%)}100%{transform:translateX(-105%)}}
@media(max-width:520px){.csq-player.csq-mode-bar{gap:7px;padding:8px 10px}.csq-player.csq-mode-bar .csq-head{flex:1 1 100%;min-width:0}.csq-player.csq-mode-bar .csq-select-wrap{flex:1 1 100%;max-width:none}.csq-player.csq-mode-bar .csq-actions{flex:1 1 auto}.csq-player.csq-mode-bar .csq-actions .csq-btn{flex:1 1 auto}.csq-player.csq-mode-bar .csq-message{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:380px){.csq-player:not(.csq-mode-bar){padding:12px}.csq-player:not(.csq-mode-bar) .csq-icon{width:42px;height:42px;font-size:23px}.csq-player:not(.csq-mode-bar) .csq-actions{display:grid;grid-template-columns:1fr}.csq-player:not(.csq-mode-bar) .csq-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.csq-player *{animation:none!important;transition:none!important}}